import React, { useEffect, useState } from 'react'
function DelayedEffect(props: { timerMs: number }) {
  const { timerMs } = props

  useEffect(() => {
    setTimeout(() => {
      console.log('11')

      /* do stuff */
    }, timerMs)
  }, [timerMs])
  // better; use the void keyword to make sure you return undefined
  return null
}

function partOne() {
  return (
    <div className="partOne">
      <div>partOne</div>
      <DelayedEffect timerMs={3000}></DelayedEffect>
    </div>
  )
}

export default partOne
